<!doctype html>
<html ng-app="project">
  <head>
    <script src="../../libs/1.4.x/angular.min.js"></script>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <script type="text/javascript">
    angular.module("project", []).controller("projectCtrl", function($scope){
    	$scope.name = "";
    });
    </script>
  </head>
  <body>
    <h2>JavaScript Projects</h2>
    <div ng-controller="projectCtrl">
    	<input type="text"  ng-model="name"><br/>
    	Input name:{{name || "Jason"}}
    </div>
     Your name: <input type="text" ng-model="yourname" placeholder="World">
        <hr>
        Hello {{yourname || 'World'}}!
        <hr/>
        <table style="min-width:360px;">
	        <tr>
		    	<td width="90%">
		    	<label for="pay-alipay">支付宝:<img src="pay1.png" /></label>
		    	</td>
		    	<td width="10%">
		    	<input type="radio" name="pay-type" id="pay-alipay">
		    	</td>
	        </tr>
	        <tr>
		    	<td>
		    	<label for="pay-wechatpay">微信支付:<img src="pay-wx.png" /></label>
		    	</td>
		    	<td>
		    	<input type="radio" name="pay-type" id="pay-wechatpay" style="right:0px;">
		    	</td>
	        </tr>
	    </table>
    	 tel:<input type="tel" name="tel">
	     <hr/>
	     number:<input type="number" > 
  </body>
</html>